<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tree</title>
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/fontawesome/font-awesome.min.css">
    <!--<link rel="stylesheet" href="../css/plugins/icheck/flat/blue.css">-->
    <link rel="stylesheet" href="../css/site/treeview.css">
    <script type="text/javascript" src="../js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/site/treeview.js"></script>
    <script type="text/javascript" src="../js/liger/ligerui.all.js"></script>
    <script type="text/javascript">
        var treeView;
        $(function(){
            treeView = $('#treeView').treeView({
                checkbox:true,
                skin : 'blue',
                /*checkboxSkin : 'fontawesome',*/
                beforeSend : function(a, b) {
                },
                onClick : function() {
                    console.log(treeView.getSelected());
                },
                onSelect : function(a, b, d) {

                },
                onCollapse : function(a,b,d) {
                    console.log(a);
                    console.log(b);
                    console.log(treeView.getSelected());
                    console.log('*****************');
                    console.log(treeView.getChecked());
                }
            });

            $('#reload').on('click',function(){
                treeView.reload();
            });
        });
    </script>
</head>
<body>
<ul id="treeView">
    <li>权限菜单</li>
</ul>
<button id="reload" class="btn btn-warning">Reload</button>
<div id="liger">
    <ul id="ligerTree"></ul>
</div>
</body>
</html>